Removing/Changing the Strap Line Image in the header

Description

The strap line image is the image located in the top right of the header, it adds another stamp of personality to your website, you can either remove it or replace it with your own

Steps

Removing

  1. Locate ‘header.html’
  2. Right Click > Edit with Notepad++/Open with Notepad
  3. Locate the ‘div’ tag that contains the strapline image and press CTRL + L or if you think you might use it in the future enter at the end

  4. Save and close the file
  5. Locate ‘client_temp.css’
  6. Right Click > Edit with Notepad++/Open with Notepad
  7. Press CTRL + F and type type ‘.nav-strap’ and press enter
  8. Press CTRL + L or if you think you might use it in the future enter /* at the start of the line and */ at the end

  9. Save and close the file
  10. Proceed with the steps outlined in ‘Uploading your new theme to your website’

Changing

There are two ways in which you can change the strap image, the first is the easiest, the second is more complex and time consuming

NOTE: If your image does not have a ‘.png’ extension, go to method 2 and follow those steps

Method 1

  1. Locate the ‘images’ folder
  2. Open the the ‘images’ folder and locate ‘strap.png’
  3. Save your strap image over ‘strap.png’, but ensure it maintains the name ‘strap.png’

  4. Open the ‘mobile’ subfolder
  5. Replace the current ‘strap.png’ with your image or save your new one as ‘strap.png’, but ensure that it maintains the name ‘strap.png’

  6. Proceed with the steps outlined in ‘Uploading your new theme to your website’

Method 2

  1. Locate the ‘images’ folder
  2. Save your strap image within the folder (avoid using mixed case names as some webservers do not allow such values)

  3. Open the ‘mobile’ subfolder
  4. Save your strap image within the folder (avoid using mixed case names as some webservers do not allow such values)

  5. Locate ‘header.html’
  6. Right Click > Edit with Notepad++/Open with Notepad
  7. Press CTRL + F and type ‘images/’ and press Enter two times
  8. Change the current image name to your new strap image name

  9. Save and close the file
  10. Locate ‘client_temp.css’
  11. Right Click > Edit with Notepad++/Open with Notepad
  12. Press CTRL + F and type ‘.nav-logo’ and press Enter
  13. Within the value of ‘background’ change the value after ‘mobile/’ to your company’s logo name

  14. Proceed with the steps outlined in ‘Uploading your new theme to your website’
Last Reviewed: 24/1/2019